<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WorkPort</title>
    <link rel="stylesheet" type="text/css" href="../lib/kendo/styles/kendo.common-bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/kendo/styles/kendo.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <link rel="stylesheet" type="text/css" href="../css/layout.css">
    <script src="../lib/kendo/js/jquery.min.js"></script>
    <script src="../lib/kendo/js/kendo.all.min.js"></script>
    <script src="../lib/kendo/js/jquery.transit.min.js"></script>
    <script src="../lib/jquery.slimscroll.min.js"></script>
    <script src="../js/svs.framework.js"></script>
    <script src="../js/wp.js"></script>
    <script src="../js/contact.api.js"></script>
</head>

<body>
    <script type="text/javascript">
    function getContact(){
    	Workport.ContactAPI.getContact(function(data){    
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	},{pageSize:100,pagePosition:0});
    }
    function getSelf(){
    	Workport.ContactAPI.getSelfContact(function(data){    
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	},{filter:0,pageSize:100,pagePosition:0});
    }
    function clearLog(){
    	$('#result').get(0).innerText = "";
    }
    </script>
    
</body>
	<input type = "button" onclick = "clearLog()" value="Clear"></br>
	<input type = "button" onclick = "getContact()" value="All">
	<input type = "button" onclick = "getSelf()" value="Self">
	</br>
	
	<div id="result" style="margin: 0px;"></div>
	
</html>